.joylist {
	padding: 3px;
}

.joylist-item {
	margin: 5px;
	overflow: hidden;
	height: 36px;
	border: 1px transparent;
	border-bottom: 1px #ddd dashed;
}

.joylist-item-icon {
	width: 32px;
	height: 32px;
	float: left;
	margin: 2px;
}

.joylist-item-name {
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	color: #000;
	padding-left: 40px;
	margin-top: 3px;
}

.joylist-item-brief {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
	color: #999;
	padding-left: 40px;
}

.joylist-item-hover {
	background: -webkit-linear-gradient(top, #fff 50%, #F9CC76 100%);
	background: -moz-linear-gradient(top, #fff 50%, #F9CC76 100%);
	background: -o-linear-gradient(top, #fff 50%, #F9CC76 100%);
	background: linear-gradient(to bottom, #fff 50%, #F9CC76 100%);
	background-repeat: repeat-x;
	background-color: transparent;
	border-bottom: 1px #f1af00 solid;
}

.joylist-dragitem-hover {
	background: -webkit-linear-gradient(top, #F9CC76 0, #f1af00 50%, #F9CC76 100%);
	background: -moz-linear-gradient(top, #F9CC76 0, #f1af00 50%, #F9CC76 100%);
	background: -o-linear-gradient(top, #F9CC76 0, #f1af00 50%, #F9CC76 100%);
	background: linear-gradient(to bottom, #F9CC76 0, #f1af00 50%, #F9CC76 100%);
	background-repeat: repeat-x;
	background-color: #f1af00;
	border-radius: 3px;
	cursor: pointer;
}

.joylist-item-remove {
	width: 16px;
	height: 16px;
	float: right;
	margin: 5px;
}

.joylist-item-remove-icon {
	background: url('images/no.png') no-repeat;
	cursor: pointer;
}

.joylist-dropitem-enter {
	border: 1px #f1af00 solid !important;
}